<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core_1_1" %>
<%--
  Created by IntelliJ IDEA.
  User: user
  Date: 2020/4/7
  Time: 19:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>购物车</title>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/fresh_cart.css">

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/head.css">
    <script src="${pageContext.request.contextPath}/js/jQuery/jquery-3.4.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/dist/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
</head>
    <body>


    <!--========================头部===================================================-->
    <div class="top">
        <input type="hidden" value="${product.productId}" class="productid">
        <input type="hidden" value="${loginCustomer.customerId}" class="customerid">
        <div class="top-log">
            <div class="logo">
                <a href="/fresh/index.jsp"><img src="${pageContext.request.contextPath}/images/xianyu.jpg" width="90" height="40"></a>
            </div>
        </div>
        <div class="top-dingwei">
            <div class="top-dingwei-main">
                <ul>
                    <li class="top-dingwei-img"><img src="${pageContext.request.contextPath}/images/dingwei.png"></li>
                    <li class="top-dingwei-city"><a href="#">深圳<p class="top-dingwei-jiantou"></p></a></li>
                </ul>
            </div>
        </div>
        <!--============================搜索=====================================-->
        <div class="search">
            <div class="layui-form">
                <input type="text" name="title" required lay-verify="required" placeholder="请输入查询关键字" autocomplete="off" class="layui-input input-text">
                <button class="submit-button"><i class="submitButton"></i> </button>
            </div>
        </div>
        <!--=======================购物车==========================-->
        <div class="cart">
            <dl>
                <dt class="shopping-btn">
                    <a href="/fresh/cart/cart.jsp">
                        <b class="totlePrice"></b>
                    </a>
                </dt>
            </dl>
        </div>

        <!--=======================我的====================================-->
        <div class="top-menu">
            <div class="login">
                <c:choose>
                    <c:when test="${empty loginCustomer}">
                        <p>
                            <a href="/fresh/customer/login.jsp">登录/</a>
                            <a href="/fresh/customer/regist.jsp">注册</a>
                        </p>
                    </c:when>

                    <c:otherwise>
                        <p>
                            <a href="">${loginCustomer.customerTelno}/</a>
                            <a href="/fresh/customer/login.jsp">退出</a>
                        </p>
                    </c:otherwise>
                </c:choose>

            </div>
            <div class="user">
                <ul>
                    <li class=" tle">
                        <a class="geren" href=""><img src="${pageContext.request.contextPath}/images/geren-logo.png"></a>
                        <a href="/fresh/customer/center.jsp">我的咸鱼</a>
                    </li>
                    <%--<li class="e1">--%>
                        <%--<a class="order" href=""><img src="${pageContext.request.contextPath}/images/order-logo.png"></a>--%>
                        <%--<a href="/fresh/customer/center.jsp">我的订单</a>--%>
                    <%--</li>--%>
                    <%--<li class="e2">--%>
                        <%--<a class="coupon" href=""><img src="${pageContext.request.contextPath}/images/coupon.png"></a>--%>
                        <%--<a href="/fresh/product/attention.jsp">我的关注</a>--%>
                    <%--</li>--%>
                    <%--<li class="last">--%>
                        <%--<a class="exit" href=""><img src="${pageContext.request.contextPath}/images/exit.png"></a>--%>
                        <%--<a href="/fresh/customer/login.jsp">退出账户</a>--%>
                    <%--</li>--%>
                </ul>
            </div>
        </div>
    </div>


    <!--=======主体部分===============-->
    <div class="main">

        <div class="cart-filter-bar">
            <ul class="cart-filter-bar-ul">
                <li>
                    <span class="product-title">全部商品</span>
                    <span class="product-num"></span>
                </li>
            </ul>
            <form class="address">
                <span class="address-span">配送至：</span>
                <select class="address-select">
                   <%-- <option value=""><a href="javascript:getAddess(addressId);">地址一</a></option>
                    <option value="addressId"><a href="javascript:;">地址2</a></option>
                    <option><a href="javascript:;">地址3</a></option>--%>
                </select>
            </form>
            <input type="hidden" class="addressId" value="" >
        </div>

        <div class="operation-item">
            <div class="check-box-item">
                <input type="checkbox" ><span class="span1">全选</span>
                <span class="span2">商品</span>
            </div>

            <div class="product-price-item">
                <span>单价</span>
                <span>数量</span>
                <span>小计</span>
                <span>操作</span>
            </div>
        </div>
        <!--================= 商品信息============================-->
        <div class="item-single">
            <ul class="product-rows">
             <%--   <li>
                           <input type="hidden" class="productId" name="productId">
                    <div class="product-fist">
                        <div class="select-product">
                            <input type="checkbox">
                        </div>
                        <div class="product-messages">
                            <a href="" class="photo"><img src="${pageContext.request.contextPath}/images/huawei.jpg"></a>
                            <a href="" class="mess"><span class="product-name">夏季牧场夏季夏季牧夏季牧场夏季牧场夏季牧场夏季牧场场夏季牧场夏季 </span></a>
                        </div>

                        <div class="product-price">
                            <i class="amount-money">￥</i>
                            <i class="amount-money">1000</i>
                        </div>
                        <div class="product-amount">
                            <input type="button" value="-" class="b1">
                            <input type="text" value="1">
                            <input type="button" value="+" class="b2">
                        </div>
                        <div class="price-sum">
                            <i class="sum-money">￥</i>
                            <i class="sum-money">1000</i>
                        </div>
                        <div class="operation-product">
                            <a href="javascript:;"class="to-collect">收藏</a>
                            <!--<input type="button" value="删除">-->
                            <a href="javascript:;" class="delete-btn">删除</a>

                        </div>

                    </div>
                </li>--%>


            </ul>



        </div>

        <!--===========结算框=================-->
        <div class="options-box">
            <div class="select-delete" style="display: none">
                <input type="checkbox">
                <span class="select-all">全选</span>
                <span class="remove-batch">删除所选商品</span>
                <span class="delete-all">清空购物车</span>
            </div>
            <div class="jiesuan">
                <span class="amount-sum" style="display: none">已选择<i class="amount" style="display: none">3</i>件商品</span>
                <span class="amount-sum">总价：</span>
                <i class="amount-money">￥</i>
                <i class="amount-money price-price">0.00</i>
                <a href="javascript:;" class="submit-btn">去结算</a>
            </div>
        </div>



    </div>


    <script src="${pageContext.request.contextPath}/js/cart/cart.js"></script>
    <script src="${pageContext.request.contextPath}/js/cart/home.js"></script>
    </body>
</html>
